.container {
    flex-direction: column;
    padding-top: 80px;
    width: 600px;
    height: 100%;
    padding: 20px;
    background-color: antiquewhite;
}
.canvas{
    width:305px;
    height:305px;
    background-color: #FFFFFF;
}

.canel-cont{
    width: 30px;
    height: 30px;
    margin: 8px;
    flex-direction: column;
/*    background-color: wheat;*/
}
.back-ground{
/*    background-color: yellow;*/

}
.tab-text{

    font-size: 20fp;
}
.today-back-ground{
    background-color: cornflowerblue;
}
.back-a{
    background-color: blueviolet;
}
.back-b{
    background-color: antiquewhite;
}
.text-a{
    color: black;
    font-size: 20fp;

}
.text-b{
    color: gainsboro;
    font-size: 20fp;
/*    display: none;*/

}

.circle {
    radius: 60px;
    icon-width: 60px;
    icon-height: 60px;
    margin-left: 20px;
    margin-top: 20px;
    background-color: #317aff;

}

.panel-div {
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.inner-txt {
    width: 100%;
    height: 160px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.inner-btn {
    width: 100%;
    height: 120px;
    justify-content: center;
    align-items: center;
}